@mixin f-scrollbarDefine() {
    &::-webkit-scrollbar {
        width: $farris-scrollbar-width;
        height: $farris-scrollbar-height;
        background-color: $farris-scrollbar-bg;
    }

    &::-webkit-scrollbar-track {
        border-radius: $farris-scrollbar-border-radius;
        background-color: #fff;
        border: none;
        background-clip: padding-box;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: $farris-scrollbar-border-radius;
        background-color: $farris-scrollbar-thumb-bg;
        border: none;
        background-clip: content-box;
        opacity: .6;
        border-radius: $farris-scrollbar-thumb-border-radius;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: $farris-scrollbar-thumb-hover-bg;
    }
}